<template>
    <div style="color: red">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" v-hasPermi="['company:add']">新增</el-button>
        <el-button type="primary" plain icon="el-icon-plus" size="mini" v-hasPermi="['company:edit']">编辑</el-button>
        <el-button type="primary" plain icon="el-icon-plus" size="mini" v-hasPermi="['company:test']">
            测试没有权限
        </el-button>
        <h1>更多菜单 样式</h1>
        <el-dropdown>
            <el-button type="primary">
                更多菜单
                <i class="el-icon-arrow-down el-icon--right"></i>
            </el-button>
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>黄金糕</el-dropdown-item>
                <el-dropdown-item>狮子头</el-dropdown-item>
                <el-dropdown-item>螺蛳粉</el-dropdown-item>
                <el-dropdown-item>双皮奶</el-dropdown-item>
                <el-dropdown-item>蚵仔煎</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>
        <el-dropdown split-button type="primary" @click="handleClick">
            更多菜单
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>黄金糕</el-dropdown-item>
                <el-dropdown-item>狮子头</el-dropdown-item>
                <el-dropdown-item>螺蛳粉</el-dropdown-item>
                <el-dropdown-item>双皮奶</el-dropdown-item>
                <el-dropdown-item>蚵仔煎</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>
    </div>
</template>

<script>
export default {
    name: 'Demo',

    data() {
        return {}
    },
    created() {},
    methods: {
        handleClick() {
            alert('button click')
        }
    }
}
</script>
